import Vue from "vue";
//引入路由
import VueRouter from "vue-router";

import Home from "../pages/Home.vue";
import My from "../pages/My.vue";

//home子路由
import One from "../pages/home/One.vue";
import Two from "../pages/home/Two.vue";

Vue.config.productionTip = false



//路由插件的配置
// 路由实例
const router = new VueRouter({
  //路由模式
  // 形如hash(#) 为哈希模式
  // mode: "hash",
  mode:"history",
  //routes路由表
  routes: [
    {
      path: "/",
      // 重定向
      redirect:'/home'
    },
    {
      //地址栏要输入的地址
      path: "/home",
      // 对应要 展示的组件
      component: Home,
      // 子路由
      children:[
        {
          path: "/home/one",
          component:One
        },
        {
          path: "/home/two",
          component:Two
        },
      ]
    },
    {
      //地址栏要输入的地址
      path: "/my",
      // 对应要展示的组件
      component: My,
    },
  ],
});
// const num = 10;
// export { num };


//应用路由
Vue.use(VueRouter)

//默认抛出  import 引入的名称就是默认抛出的名称
export default router;
